import React, { useState, useEffect } from 'react';
import axios from 'axios';
import './useSex.css'
import locale from 'antd/es/date-picker/locale/zh_CN';
import dayjs from 'dayjs';
import 'dayjs/locale/zh-cn';
import zhCN from 'antd/locale/zh_CN';
import * as XLSX from 'xlsx';
import { Button } from 'antd';
import { DownloadOutlined } from '@ant-design/icons';
dayjs.locale('zh-cn');
// import PieChartComponent from '../echarts/serveCharts/echarts1'
const { RangePicker } = DatePicker;
import { DatePicker, ConfigProvider } from 'antd';
export default function useAge() {


    return (
        <>
            <ConfigProvider locale={zhCN}>
                <div className='zzj_useSex_big_div'>
                    <div className="zzj_useSex_content_div">
                        <div className='zzj_useSex_title_div'>
                            <div className='zzj_useSex_main_div'></div>
                            <span>
                                用户年龄分析
                            </span>
                        </div>
                        <div className='zzj_useSex_date_div'>
                            <span>选择日期</span>
                            <RangePicker style={{ height: '1rem', width: '10rem' }} />
                        </div>

                        {/* 用户年龄构成盒子 */}
                        <div className="zzj_useSex_echarts_div">
                            <span>用户年龄构成</span>
                            <div className='zzj_useSex_echarts'>
                                {/* <PieChartComponent /> */}
                            </div>
                        </div>
                        {/*统计列表 */}
                        <div className='zzj_useSex_age_sex_div'>
                            <div className='zzj_useSex_age_sex_big_div'>

                            </div>
                        </div>
                        <div className='zzj_useSex_label_div'>
                            <p>Copyright © DaisyAxure All Rights Reserved</p>
                        </div>
                    </div>
                </div>
            </ConfigProvider >
        </>
    )
}
